@charset "utf-8";
/*
 *懒人CSS Bate V0.90
 *作者：懒人建站 http://www.51xuediannao.com/
 *2013-07-15———
*/

/*--大布局-------------------------------------*/
.wrap{width:100%;}
.inbox{width:990px;margin:0 auto;clear:both;overflow:hidden;}
.header{}
.logo{}
.nav{}

.banner{}
.news{}

.main{}
.container{}
.content{}
.column{}

.sidebar{}
.l_side{}
.r_side{}
.aside{}
.menu{}

.footer{}
.partner{}/*合作伙伴*/
.link{}
.copyright{}
/*--小模块-------------------------------------*/
.notice{}
.search{}
.login{}
.focus{}
.scroll{}
.des{}
.hot{}
.address{}
.service{}

.shop{}
.down{}
.vote{}
.note{}/*注释*/
.guide{}/*指南*/
.status{}/*状态*/
abbr{}/*单词或者短语的缩写*/
/*--通用定义-------------------------------------*/
.blockquote{}
.list{}
.msg{}
.tip{}
.btn{}
.tab{}

/*--通用布局-------------------------------------*/

/*--媒体查询-------------------------------------*/
/*@media screen and (min-width:1440px) and (max-width:1600px){}*/
@media screen and (min-width:1440px){ /*大于等于1440*/
	/*这里是特定的样式表*/
	body,input,textarea,select,small,a{font-size:14px;}
}
@media screen and (max-width:1024px){	

}
@media screen and (max-width:768px){
	
}
@media screen and (max-width:360px){
	
}
@media screen and (max-width:320px){
	
}
/*
举例说明：该媒体查询表示该样式表适用于宽于25cm的印刷输出：
<link rel="stylesheet" media="print and (min-width: 25cm)" href="http://…" />
=========================
该媒体查询表示该样式表适用于视口（文件渲染的部分屏幕/纸张）宽度在400至700像素之间的设备：
@media screen and (min-width: 400px) and (max-width: 700px) { … }
=========================
该媒体查询表示该样式表适用于视口宽度大于20em的屏幕及手持设备：
@media handheld and (min-width: 20em), screen and (min-width: 20em) { … }
"em"值与"font-size"的初始值相关

<meta name="viewport" content="width=device-width"/>
	width=device-width 宽度=设备宽度
	
<meta name="viewport" content="initial-scale=1,maximum-scale=2,minimum-scale=1" />
	width - viewport的宽度 height - viewport的高度
	initial-scale - 初始的缩放比例
	minimum-scale - 允许用户缩放到的最小比例
	maximum-scale - 允许用户缩放到的最大比例
	user-scalable - 用户是否可以手动缩放
	
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	在iOS中有两个meta值，apple-mobile-web-app-capable和apple-mobile-web-app-status-bar-style，
	这两个会让网页内容以应用程序风格显示，并使状态栏透明。
<meta name="format-detection" content="telephone=no"/>
	当该 HTML 页面在手机上浏览时，该标签用于指定是否将网页内容中的手机号码显示为拨号的超链接。
	在 iPhone 上默认值是：
	<meta name="format-detection" content="telephone=yes"/>
	如果你不希望手机自动将网页中的电话号码显示为拨号的超链接，那么可以这样写：
	<meta name="format-detection" content="telephone=no"/>

<!-- css3-mediaqueries.可以让 IE9 以下浏览器支持媒体查询 -->
<!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes" />    
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no"/>

*/




